<template>
	<view class="service">
		<view class="service-img">
			<image src="/static/images/kefu.png" mode=""></image>
		</view>
		<view class="service-cnent">
			<view class="service-font">
				<view class="service-wx">
					<image src="/static/images/weixintou.png" mode=""></image>
					<text>请上传微信客服二维码</text>
				</view>
				<text  class="service-text">上传后您的客户可以直接与您取得联系</text>
			</view>
		</view>
		<view class="service-bottom"  v-for="(item, index) in seac" >
			<view class="service-bottom-i">
				<text >联系方式：</text>
				<text style="padding-left:150rpx ;">{{item.phone}}</text>
			</view>
			<view class="service-bottom-o">
			</view>
			<view class="service-bottom-w">
				<text>微信二维码：</text>
				<view class="erweima">
					<image :src=" '/static/images/' + item.img + '.png' " mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				seac:[
				{
					phone:'154788415478',
					img:'',
				}
			]
			}
			
		}
	}
</script>

<style>
	.service{
		background: #5696F8;
	}
	.service-img image{
		width: 380rpx;
		height: 342rpx;
		display: block;
		margin: 0 auto;
		padding-top: 81rpx;
		padding-bottom: 89rpx;
	}
	.service-wx image{
		width: 36rpx;
		height: 30rpx;
		padding-left: 166rpx;
	}
	.service-wx text{
		width: 366rpx;
		height: 35rpx;
		font-size: 36rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
		padding-left: 21rpx;
	}
	.service-text{
		width: 473rpx;
		height: 27rpx;
		font-size: 28rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #FFFFFF;
		margin-top: 26rpx;
		padding-left: 139rpx;
	}
	.service-bottom{
		width: 750rpx;
		height: 538rpx;
		background: #FFFFFF;
		border-radius: 50rpx 50rpx 0rpx 0rpx;
        margin-top: 68rpx;
	}
	.service-bottom-i{
		width: auto;
		height: 34rpx;
		font-size: 36rpx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #333333;
		padding-top: 87rpx;
		padding-left: 114rpx;
	}
	.service-bottom-o{
	width: 583rpx;
	height: 2rpx;
	background: #DCDCDC;
	margin-top: 43rpx;
	margin-left: 84rpx;
	}
	.service-bottom-w{
		width: auto;
		height: 34rpx;
		font-size: 36rpx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #333333;
		padding-top: 121rpx;
		padding-left: 112rpx;
	}
	.erweima image{
		width: 240rpx;
		height: 240rpx;
		border: 1rpx solid red;
		margin-left: 327rpx;
		margin-top: -150rpx;
	}
</style>
